<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>模仿百度分页</title>
    <link rel="stylesheet" href="./css/page.css" />
    <script src="./js/jquery-3.5.1.js"></script>
    <script src="./js/page.js"></script>
  </head>
  <body>
    <!-- 分页器 -->
    <div id="page">
      <div class="desc">共<span>23</span>页，第<span>1</span>页</div>
      <div class="page-inner">
        <a href="#" class="prev-page">&lt;上一页</a>
        <a href="#" class="next-page">下一页&gt;</a>
      </div>
      <div class="sel">
        <input type="text" value="1" class="pager" />
        <select class="opt">
          <option value="5">5</option>
          <option value="10">10</option>
          <option value="15">15</option>
          <option value="20">20</option>
        </select>
      </div>
    </div>
  </body>
</html>
